<html>
	<head>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="jquery.likert.js"></script>
		<link type="text/css" href="jquery.likert.css" rel="stylesheet" />
		
		<script>
			$(document).ready(function() {
				$( "#likert0" ).likert("Provide only a question to use default values.");

				$( "#likert1" ).likert("Change the 'values' parameter to provide custom values to the scale.", {values: ["a", "b", "c", "d", "e", "f"]});

				$( "#likert2" ).likert("Specify the number of options with the 'length' parameter.", {length: 7});

				$( "#likert3" ).likert("Customise the start and end labels with the 'label_left' and 'label_right' paramters.", {label_left:"left", label_right: "right"});
				
				$( "#likert4" ).likert("Set 'label_left' and 'label_right' to an empty string to hide.", {label_left:"", label_right: ""});
			});
		</script>
	</head>

	<body>
		<div>
			<ol>
				<li>Create a new form to hold the likert scales.</li>
				<li>Create an element to act as a placeholder for the likert scale.</li>
				<li>Using jquery, invoke the likert() function on that element.</li>
				<li>Chosen values are sent as radio_ID, where ID is the id attribute of the likert element.</li>
			</ol>
			
			<form action="" method="GET">
				<div id="likert0"></div>
				<div id="likert1"></div>
				<div id="likert2"></div>
				<div id="likert3"></div>
				<div id="likert4"></div>
				
				<input type="submit" />
			</form>
		</div>
	</body>
</html>
